// .gradual_cover{
//   height: 300px;
//   background: rgba(172, 157, 157, 0.2);

// }

.gradual_cover {
  // background: #000;
  height: 300px;
  animation: myfirst 5s infinite;
}

:global {
  .gradual_cover {
    // background: #000;
    height: 300px;
    animation: myfirst 5s;
  }
}

@keyframes myfirst {
  0% {
    background: red;
    left: 0px;
    top: 0px;
  }
  25% {
    background: yellow;
    left: 200px;
    top: 0px;
  }
  50% {
    background: blue;
    left: 200px;
    top: 200px;
  }
  75% {
    background: green;
    left: 0px;
    top: 200px;
  }
  100% {
    background: red;
    left: 0px;
    top: 0px;
  }
}
